<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>10-操作dom树五</title>

</head>
<body>
<ul id="old_ul">
    <li id="li31">紫衫龙王</li>
    <li id="li32">白眉鹰王</li>
    <li id="li33">金毛狮王</li>
    <li id="li34">青翼蝠王</li>
</ul>

<div id="divv">

</div>

<input type="button" value="copy" onclick="copy1();"/>
<script type="text/javascript">
    function copy1() {
        //把ul列表复制到另外一个div里面
        /*
         1、获取到ul
         2、执行复制方法 cloneNode方法复制 true
         3、把复制之后的内容放到div里面去
         ** 获取到div
         ** appendChild方法
         */
        //获取ul
        var oldul = document.getElementById("old_ul");
        //复制ul，放到类似剪切板里面
        var ul_new  = oldul.cloneNode(true)
        //获取到div
        var divv = document.getElementById("divv");
        //把副本放到div里面去
        divv.appendChild(ul_new);
    }

</script>

</body>
</html>